<!--  -->
<template>

      <div class="xl-empty" >
          <div class="xl-empty-img">
                 <!-- <img :src="emptyGif" alt=""> -->
          </div>
          <div class="xl-empty-text">
              {{text}}
          </div>
               
          </div>
 
</template>

<script>
export default {
data(){
return {
}
},
props:{

    text:{
        default:'暂无数据....'
    }
},
mounted(){
 
 },
 methods:{
}
}
 
</script>
<style lang='scss'>
 .xl-empty{
 
    padding: 10px;
    text-align: center;

    &-img{
        margin: 10px;
        img{
            width: 24px;
        height: 24px;
        };
     
    }
    &-text{
         font-size:14px;
         color: #f00;
    }
}

</style>